<?xml version='1.0' encoding='UTF-8' ?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:f="http://java.sun.com/jsf/core">
    <body>
        <ui:composition template="./admin-template.xhtml">
        <ui:param name="titulo" value="Reporte" />
        <ui:define name="body">
        <rich:simpleTogglePanel id="stpEdicion" opened="true" >
            <f:facet name="header" >
                Reporte de Ventas por Rango de Fechas
            </f:facet>

            <a4j:form>
                <h:panelGrid columns="2">
                    <h:outputLabel value="Fecha Inicial" />
                    <rich:calendar enableManualInput="true" popup="true" value="#{ReportsBean.fechaInicial}" cellWidth="24px" cellHeight="22px" style="width:200px" required="true"  />
                    <h:outputLabel value="Fecha Final" />
                    <rich:calendar enableManualInput="true" popup="true" value="#{ReportsBean.fechaFinal}" cellWidth="24px" cellHeight="22px" style="width:200px" required="true" />
                    <h:commandButton value="Buscar" action="#{ReportsBean.getCompraByFecha}" reRender="panelReporte"/>
                </h:panelGrid>
            </a4j:form>
        </rich:simpleTogglePanel>
        <rich:panel id="panelReporte">
            <rich:simpleTogglePanel id="stpReporte" opened="#{ReportsBean.opened}" >
            <f:facet name="header" >
                Resultado Reporte de Ventas por Rango de Fechas
            </f:facet>
            <a4j:form>
                <left>
                    <h:panelGrid columns="1">
                        <f:facet name="header">Muebles ALPES</f:facet>
                    </h:panelGrid>
                    <h:panelGrid columns="4">
                        <h:outputLabel value="Ciudad:" />
                        <h:outputLabel value="N/A" />
                        <h:outputLabel value="Fecha Generación:" />
                        <h:outputLabel value="#{ReportsBean.fechaActual}" />
                        <h:outputLabel value="Fecha Incial" />
                        <h:outputLabel value="#{ReportsBean.fechaInicial}" />
                        <h:outputLabel value="Fecha Final:" />
                        <h:outputLabel value="#{ReportsBean.fechaFinal}" />
                    </h:panelGrid>
                </left>
                <h:panelGrid columns="2">
                    <h:outputLabel value="Tipo de Mueble:" />
                    <h:outputLabel value="EXTERIOR" />
                </h:panelGrid>
                <rich:extendedDataTable autosized="true" id="tblArticulosExterior" value="#{ReportsBean.articulosExterior}" var="artExt">
                    <rich:column>
                        <f:facet name="header">Referencia</f:facet>#{artExt.mueble.referencia}
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">Nombre</f:facet>#{artExt.mueble.nombre}
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">Cantidad</f:facet>#{artExt.cantidad}
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">Costo Unitario</f:facet>#{artExt.valor}
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">Costo Total</f:facet>#{artExt.total}
                    </rich:column>
                </rich:extendedDataTable>
                <h:panelGrid columns="2">
                    <h:outputLabel value="Tipo de Mueble:" />
                    <h:outputLabel value="INTERIOR" />
                </h:panelGrid>
                <rich:extendedDataTable autosized="true" id="tblArticulosInterior" value="#{ReportsBean.articulosInterior}" var="artInt">
                    <rich:column>
                        <f:facet name="header">Referencia</f:facet>#{artInt.mueble.referencia}
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">Nombre</f:facet>#{artInt.mueble.nombre}
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">Cantidad</f:facet>#{artInt.cantidad}
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">Costo Unitario</f:facet>#{artInt.valor}
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">Costo Total</f:facet>#{artInt.total}
                    </rich:column>
                </rich:extendedDataTable>
            </a4j:form>
            <h:panelGrid columns="2">
                    <h:outputLabel value="TOTAL (PESOS):" />
                    <h:outputLabel value="#{ReportsBean.total}" />
                </h:panelGrid>
            </rich:simpleTogglePanel>
        </rich:panel>
        </ui:define>
        </ui:composition>
    </body>
</html>